/* 
* @Author: lz
* @Date:   2016-07-05 14:00:09
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2019-07-17 15:04:51
*/


/* css reset */

* {
    margin: 0;
    padding: 0;
}

*:focus,
*:active {
    outline: none;
}

html,
body {
    width: 100%;
}

html>body {
    font-family: 'Microsoft YaHei';
    background-color: #f4f4f4;
    overflow-y: auto;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

input {
    border: none;
    outline: none;
}

var,
em,
strong {
    font-style: normal;
}

del,
ins {
    text-decoration: none;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

textarea {
    resize: none;
}

.wrap .btn-default,
.wrap .btn-default:hover,
.wrap .btn-default.active {
    color: #fff;
    background: #00B28E;
    border: 1px solid #00B28E;
    box-shadow: none;
}

.bill .header-top .alldropdown .dropdown-menu {
    position: relative;
    top: -3px;
    width: 1000px;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #00B28E;
    box-shadow: 0 16px 12px rgba(0, 0, 0, 0.176);
}

.bill .header-top .alldropdown .dropdown-menu .basics {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.bill .header-top .alldropdown .dropdown-menu ul li {
    overflow: hidden;
    float: left;
    width: 100px;
    margin: 4px 10px 4px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill .header-top .alldropdown .dropdown-menu ul li a {
    padding: 0 4px;
    color: #333;
    font-size: 13px;
}

.bill .header-top .alldropdown .dropdown-menu ul li a:hover {
    background: #fff;
    color: #00b28e;
    text-decoration: underline;
}


/*多个刷新页面标签*/

.wrap .fa-refresh {
    margin-left: 10px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
}

.wrap .fa-refresh:hover {
    transform: rotate(360deg);
}


/*日期表 最高级*/

#ui-datepicker-div {
    z-index: 99999 !important;
}


/*弹窗 按钮*/

.modal-alert .modal-sucmit {
    border: 1px solid #ccc;
    background: #fff;
}

.modal-alert .modal-sucmit.btn-0 {
    border: 1px solid #00B28E;
    background: #fff;
    color: #00B28E;
}

.modal-alert .modal-sucmit:hover {
    border: 1px solid #00B28E;
    background: #00B28E;
    color: #fff;
}

.modal-alert .modal-sucmit.btn-0:hover {
    background: #00B28E;
    color: #fff;
    border-color: #00B28E;
}

.modal-alert .close {
    color: #f00;
    font-size: 30px;
    opacity: 1;
}


/*公用图片html*/

.wrap .img-content {
    margin: 20px 0;
}


/*图片放大弹窗*/

.wrap .img-max {
    display: none;
    z-index: 999;
    transition: all 0.5s ease-out 0s;
}

.wrap .img-maxbox {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 999;
}

.wrap .img-bgmax {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 999;
}

.wrap .img-max .fa-times-circle {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
}

.wrap .img-max .fa-times-circle:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}


/*利润表 资产负债表 成功的图标*/

.wrap .success-reimg {
    position: absolute;
    top: 10px;
    right: 180px;
    z-index: 4;
}


/* start */

.wrap {
    /*overflow-y: hidden;*/
    height: 100%;
    padding-top: 60px;
}

.practical-key,
.company-information,
.tax-information,
.outline-account-titles {
    padding-top: 0 !important;
}

.wrap .navbar-search {
    margin-top: 11.5px;
    margin-right: 10px;
    position: relative;
}

.search-icons {
    background: url(/images/icon_02.png) no-repeat;
    display: block;
}

.wrap .navbar-search .txt-search {
    width: 180px;
    height: 32px;
}

.wrap .navbar-search .btn-search-index {
    width: 27px;
    height: 23px;
    background-position: -219px -238px;
    border: none;
    outline: none;
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.wrap .navbar-search .navbar-search-tip {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 10;
    width: 230px;
    margin-top: 3px;
    font-size: 12px;
    display: none;
}


/*头部*/

.wrap .header-top {
    /*min-width: 1000px;*/
    height: 40px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    background: #fff;
}

.wrap .logo-pic {
    width: 300px;
    height: 34px;
    margin-top: 19px;
}

.wrap .main-logo {
    margin-top: -6px;
}

.wrap .search {
    width: 15.1%;
    height: 37px;
    margin: 16px 0 0 88px;
}

.wrap .btn-search {
    width: 20.93%;
    height: 37px;
    background: #00B28E;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
}

.wrap .form-control {
    width: 78.35%;
    /*228*/
    height: 37px;
    border-radius: 0px;
}

.wrap .unlist {
    width: 30.75%;
    margin: 16px 0 0 5.6%;
}

.wrap .unlist>a {
    float: left;
    /*width: 30%;*/
    height: 34px;
    padding: 0 10px;
    margin-left: 3%;
    border: 1px solid #469D5D;
    background: #00B28E;
    color: #fff;
    font-size: 1.3rem;
    line-height: 34px;
}

.wrap .user-id {
    width: 168px;
    margin: 0 0.21% 0 0;
}

.unlisted .header-top {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.unlisted .dropdown-menu {
    top: 83%;
}

.unlisted .user-id a {
    text-decoration: none;
}

.unlisted .user-id .dropdown:hover .dropdown-menu {
    display: block;
}

.unlisted .user-id .unlogins a {
    float: left;
    color: #666;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    line-height: 32px;
    margin-top: 8px;
    text-decoration: none;
    background-color: #fff;
    font-size: 14px;
    color: #333;
}

.unlisted .user-id .unlogins a:first-child {
    margin-left: 0;
}

.unlisted .user-id .unlogins a.active {
    background-color: #00B28E;
    border-color: #00B28E;
    color: #fff;
}

.unlisted .user-id .unlogins a:hover {
    color: #00B28E;
}

.wrap .inffo {
    margin-left: 10px;
}

.wrap .inffo span {
    overflow: hidden;
    color: #000;
    font-size: 17px;
    width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrap .inffo span.inf-svip {
    color: #f00;
    font-size: 15px;
}

.wrap .user-img {
    overflow: hidden;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.wrap .user-img>img {
    width: 38px;
    height: 38px;
}

.wrap .user-id .user-name {
    overflow: hidden;
    width: 65%;
    margin-left: 5px;
    line-height: 38px;
    color: #A4A4A4;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*导航栏上部nav*/


/* .navbar-navs {
    margin-left: 40px;
} */

.navbar-navs .practice-nav {
    margin-bottom: 0;
}

.navbar-navs .practice-nav>li {
    position: relative;
    margin-left: 32px;
}

.navbar-navs .practice-nav>li>a {
    font-size: 16px;
    color: #555;
    text-decoration: none;
    outline: none;
    min-width: 90px;
    line-height: 60px;
    display: inline;
    padding-bottom: 17px;
    text-align: center;
}

.navbar-navs li:first-child {
    margin: 0;
}

.navbar-navs .practice-nav>li:hover>a,
.navbar-navs .practice-nav>li.active>a {
    color: #0abea0;
    background: none;
    border-bottom: solid 3px #0abea0;
}

.navbar-navs li:hover .child_btn {
    display: block;
}

.navbar-navs li .child_btn {
    background: #fff;
    width: 140px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    display: none;
    z-index: 999;
}

.navbar-navs li .child_btn li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #555555;
    font-size: 14px;
}

.navbar-navs li .child_btn.dd-nav-lists li {
    text-align: left;
    padding-left: 35px;
}

.navbar-navs li .child_btn li:hover {
    background: #f5f6f6;
}

.navbar-navs li .child_btn a {
    text-decoration: none;
    color: #333;
}

.navbar-navs li .child_btn li:hover a {
    color: #0abea0!important;
}

.navbar-navs * {
    box-sizing: border-box;
}


/*主体*/


/*左边目录栏*/

.unlisted .table>tbody>tr>td {
    padding: 6px;
    background: #fff;
}

.unlisted .content {
    /*padding: 20px;*/
    /* background: #fff; */
}

.content>.tab-pane {
    /*padding: 20px;*/
}

.unlisted .list-group {
    width: 200px;
    margin-right: 36px;
    background: #e2f0ed;
}

.unlisted .content .list-group .nav-tit {
    margin-top: 0px;
    background: #00B28E;
    color: #fff;
    font-size: 22px;
}

.unlisted .content .list-group-item {
    margin-top: 10px;
    border-color: #e2f0ed;
    background: #e2f0ed;
    padding: 0;
}

.unlisted .content .list-group-item.active {
    background: #00B28E;
    color: #fff;
}

.unlisted .content .list-group a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.unlisted .content .list-group .active a {
    color: #fff;
}

.unlisted .content .list-group a:hover {
    color: #fff;
    background: #00B28E;
}


/*右边内容模块*/

.unlisted .common-pane {
    float: left;
    width: 333px;
    height: 300px;
    cursor: pointer;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

.unlisted .account {
    background: url(../images/account.jpg) no-repeat;
    background-size: 100%;
}

.unlisted .tills {
    margin-left: 30px;
    background: url(../images/tills.jpg) no-repeat;
    background-size: 100%;
}

.unlisted .account:hover,
.unlisted .tills:hover,
.unlisted .tills-tax:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.unlisted .tills-tax {
    margin-left: 30px;
    background: url(../images/tills-tax.jpg) no-repeat;
    background-size: 100%;
}

.unlisted .content>.tab-content {
    width: 78%;
}


/* .unlisted .tab-content #tab-10 .tab-content {
    margin-top: 30px;
} */


/*tab10*/

.unlisted #tab-10>ul {
    width: 600px;
    margin: 0 auto;
}

.unlisted #tab-10 #myTab li {
    float: left;
    margin-right: 40px;
}

.unlisted #tab-10 #myTab li.active a {
    background: #00B28E;
    color: #fff;
}

.unlisted #myTab li a {
    float: left;
    padding: 5px 10px;
    font-size: 20px;
    border-radius: 3px;
    text-decoration: none;
}

.unlisted #tab-10 .hover-box a {
    float: left;
    padding: 5px 10px;
    margin: 10px 18px 0;
    background: #fff;
    color: #00B28E;
    font-size: 16px;
    border-radius: 3px;
    text-decoration: none;
}

.unlisted #tab-10 .hover-box a:hover {
    color: #f00;
}

.unlisted .tab-content .con {
    width: 80%;
    height: 84px;
    border: 1px solid #fff;
    margin: 23% auto 0;
    text-align: center;
}

.unlisted .tab-content .con span {
    display: block;
    width: 97%;
    height: 75px;
    margin: 3px auto 0;
    color: #000;
    font-size: 30px;
    line-height: 75px;
    background: rgb(255, 255, 255);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.unlisted .tab-content .con em {
    color: #FF583D;
}


/*登录进页面 适配1366*/

.bill .header-top .help-info a {
    padding: 4px 8px;
    font-size: 14px;
}

.bill .header-top .help-info {
    margin-top: 9px;
}


/*首页页面屏幕1200px适配*/

@media screen and (max-width: 1366px) {
    .unlisted .content {
        /*overflow-x:auto; */
    }
    .unlisted .tab-content .tab-pane {
        /* min-width:1060px; */
    }
    .unlisted .account,
    .unlisted .tills,
    .unlisted .tills-tax {
        width: 285px;
        height: 200px;
    }
    .unlisted .tab-content .con span {
        font-size: 26px;
    }
    /*.unlisted .list-group {
        width: 160px;
    }*/
    .bill .list-unstyled .first:hover {
        background: #e2f0ed;
    }
    .voucher-container .tit_wrap .voucher_tit {
        font-size: 22px;
    }
    .do_certificate .change-do .top-certificate {
        padding: 0px 20px;
    }
    .newvoucher-box .change-do .voucher-container .table {
        margin-top: 0;
    }
    .wrap .myans-bottom {
        margin-top: 0;
    }
    .top-certificate em {
        top: 8px !important;
    }
}

@media screen and (max-width: 1200px) {
    .menu-left .list-styled li a {
        /*padding: 0 !important;*/
    }
    .bill .first .list-styled a>span {
        padding: 0 !important;
    }
    .bill .first>a span em {
        /*display: none;*/
    }
    .bill .first ul li a {
        /*padding: 0;*/
    }
    .unlisted .account,
    .unlisted .tills,
    .unlisted .tills-tax {
        width: 240px;
        height: 200px;
    }
    .unlisted .tab-content .con span {
        font-size: 22px;
    }
}

.bill .menu-left .first .fa {
    font-size: 23px;
}


/*营业执照 input输入*/

.bill #tab_home .img-content {
    position: relative;
}

.bill #tab_home .img-content span {
    position: absolute;
    padding: 2px;
    font-size: 14px;
}


/*表格table*/

.unlisted .tab-content a {
    color: #000;
}

.unlisted .tab-content thead th {
    background: #24a881;
    color: #fff;
}

.unlisted .tab-content .listn,
.unlisted .tab-content i.fa-pencil-square-o {
    color: #00B28E;
}

.unlisted .tab-content .qq {
    padding: 4px;
    border-radius: 3px;
    background: #00B28E;
    color: #fff;
    text-decoration: none;
}


/*分页*/

.wrap .pagination li {
    float: left;
    margin-left: 10px;
}

.wrap .pagination li a {
    color: #666;
    border-radius: 3px;
}

.wrap .pagination a:hover {
    background: #00B28E;
    color: #fff;
}

.wrap .pagination a.active {
    background: #00B28E !important;
    color: #fff;
}

.wrap .pagination li>span {
    color: #666;
}

.wrap .pagination>.active>span {
    background-color: #00B28E;
    border-color: #5EA872;
    color: #fff;
    border-radius: 3px;
}

.wrap .pagination .page-total {
    border: none;
}

.wrap .pagination .jump-page {
    border: none;
}

.wrap .input-jump {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
}


/*商贸零售模块*/

.unlisted .system {
    position: relative;
}

.unlisted .padding {
    padding: 10px 10px;
}

.unlisted .system h2 {
    text-align: center;
    margin-top: 0;
    /*margin-bottom: 40px;*/
}

.unlisted .system h2 span {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.unlisted .system h2 span em {
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 70px;
    height: 2px;
    background: #00B28E;
}

.unlisted .system li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 235px;
    height: 215px;
    margin: 0 0 30px 20px;
    box-shadow: 0 5px 15px rgba(204, 204, 204, .4);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.unlisted .system li:hover {
    box-shadow: 0 5px 15px #ccc;
}

.unlisted .system .hover-box {
    position: absolute;
    top: auto;
    bottom: 0px;
    width: 235px;
    padding: 12px 6px!important;
    box-sizing: border-box;
    height: 65px;
    background: #00B28E;
}

.unlisted .system li h3 {
    margin: 0;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bolder;
    text-align: center;
}

.unlisted .system .hover-box p {
    float: left;
    margin: 0;
    color: #ffffff;
    font-size: 13px;
}

.unlisted .system .hover-box p.ns-type {
    width: 65%;
}

.unlisted .system .hover-box p.sc-time {
    width: 35%;
    text-align: right;
    float: right;
}


/*财务软件模块*/

.unlisted #tab-9 .course-practice a {
    display: block;
    margin-bottom: 5px;
}

.unlisted .tab-content td {
    vertical-align: middle;
}


/*登录进页面 金马商贸*/


/*头部*/

.wrap .user-info {
    margin: 6px 0 0 0;
}

.wrap .user-info a {
    color: #888;
    font-size: 14px;
    text-decoration: none;
}

.wrap .user-info .img-circle {
    margin-right: 5px;
}

.wrap .user-info span {
    /*display: block;*/
    color: #000;
    font-size: 17px;
}

.wrap .user-info span.inf-svip {
    color: #f00;
    font-size: 15px;
}

.wrap .user-info span.inf-com,
.wrap .user-id span.inf-com {
    color: #ccc;
    font-size: 15px;
}

.wrap .help-info {
    margin: 6px 2.42%;
}

.wrap .help-info a {
    padding: 10px 15px;
    margin: 0 10px;
    background: #00B28E;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.wrap .help-info a.buyactive {
    background: #FF7461;
}

.bill .header-top .dropdown {
    float: left;
    height: 34px;
    margin: 3px 0 0 70px;
}

.bill .user-info .dropdown-menu {
    margin-top: 0;
    min-width: 110px;
}

.bill .header-top .alldropdown .dropdown-menu {
    position: relative;
    top: -3px;
    width: 1000px;
    padding: 15px;
    border-radius: 0;
    z-index: 9999;
}

.bill .header-top .dropdown:hover .dropdown-menu {
    display: block;
    border-radius: 0;
    position: absolute;
    top: 26px;
}

.bill .header-top .alldropdown:hover .dropdown-menu {
    border: 2px solid #00B28E;
}

.bill .header-top .user-info .dropdown {
    height: 32px;
    margin: 0;
}

.bill .dropdown-menu h4 {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
}

.bill .dropdown-menu .col-sm-3>div>ul li {
    float: left;
    margin: 4px 20px 4px 0;
}

.bill .dropdown-menu .col-sm-3>div>ul a {
    float: left;
    overflow: hidden;
    width: 110px;
    padding: 0 4px;
    color: #333;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill .dropdown-menu ul li.allactive {
    border-left: 2px solid #00B28E;
}

.bill .dropdown-menu ul li.allactive a {
    color: #00B28E !important;
}

.bill .dropdown-menu .col-sm-3>div>ul li a:hover {
    background: #fff;
    color: #00B28E;
}

.bill .alldropdown:hover .linehidden {
    position: absolute;
    top: 30px;
    width: 118px;
    height: 4px;
    border-left: 2px solid #00B28E;
    background: #fff;
    z-index: 999999;
}

.bill .header-top .alldropdown .btn {
    /*width: 120px;*/
    border: 1px solid #ccc;
    padding: 4px 12px;
    background: #fff;
    color: #00B28E;
    border-radius: 0;
    position: relative;
    z-index: 10000;
}

.bill .header-top .alldropdown:hover .btn {
    border: 2px solid #00B28E;
    border-bottom: 0;
}

.bill .header-top .btn .fa {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.bill .header-top .dropdown:hover .fa {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.bill .header-top .account-book {
    font-size: 13px;
    font-weight: bold;
}

.bill .header-top .dropdown-menu a:hover {
    background: #00B28E;
    color: #fff;
}


/*左边栏导航*/

.bill .menu-left {
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid #ccc;
    float: left;
    /*width: 10%;*/
    width: 108px;
    height: 100%;
    background: #018abf;
    box-shadow: 0 5px 10px #ccc;
    z-index: 3;
}


/*修改 start*/

.bill .box-bill {
    position: absolute;
    top: 0;
    left: 108px;
    float: left;
    /*width: 90%;*/
    width: calc(100% - 108px);
}


/*end*/

.bill .lf-btn {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 35px;
    background: #00B28E;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    z-index: 4;
}

.bill .menu-left .company {
    width: 90%;
    /*border-bottom: 1px solid #fff;*/
    padding: 10px 6px;
    margin: 0 auto;
    text-align: center;
    /*box-shadow: 0 1px 0 0 #00B28E;*/
    color: #fff;
}

.bill .menu-left .company span {
    font-size: 14px;
    font-weight: bold;
}

.bill .menu-left>.list-unstyled {
    margin-top: 10px;
}

.bill .menu-left>.list-unstyled .panel {
    /*border: 1px solid #f0f6f6;*/
    border-width: 0;
    margin-bottom: 0;
    background: #f0f6f6;
    border-radius: 0;
    box-shadow: 0 0 0 #fff;
}

.bill .menu-left>.list-unstyled>li.bgactive {
    background: #e2f0ed;
}

.bill .menu-left>.list-unstyled li ul.unhide {
    display: none;
}

.bill .menu-left>.list-unstyled li ul li.listactive {
    /*background: #00B28E;*/
    background-color: #f0f2f5;
}

.bill .menu-left>.list-unstyled li ul li.listactive span {
    color: #00b8ec;
}

.bill .menu-left>.list-unstyled li ul li:hover {
    background-color: #f0f2f5;
}

.bill .menu-left>.list-unstyled li ul li:hover span {
    color: #00b8ec;
}

.bill .first>a {
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}


/*.bill .first>a:hover + ul {*/


/*    display: block;*/


/*}*/

.bill .list-unstyled a>i {
    margin: 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.bill .list-unstyled a>i.liactive {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.bill .menu-left>.list-unstyled .panel:hover {
    background: #e2f0ed;
}

.bill .first li:hover a {
    /*background: #00B28E;*/
    /*color: #fff;*/
}

.bill .first .fa-th-large {
    margin-top: 50px;
}

.bill .first>a span {
    float: left;
    /*padding-left: 30px;*/
    font-size: 16px;
}

.bill .first>a span em {
    float: left;
    width: 17px;
    height: 18px;
    margin: 18px 6px 8px 7px;
}

.bill .first>a span em.icon-1 {
    background: url('/images/icon.png') -4px -4px;
}

.bill .first>a span em.icon-2 {
    background: url('/images/icon.png') -30px -4px;
}

.bill .first>a span em.icon-3 {
    background: url('/images/icon.png') -62px -4px;
}

.bill .first>a span em.icon-4 {
    background: url('/images/icon.png') -93px -4px;
}

.bill .first>a span em.icon-5 {
    background: url('/images/icon.png') -120px -4px;
}

.bill .first>a span em.icon-6 {
    background: url('/images/icon.png') -147px -4px;
}

.bill .first>a span em.icon-7 {
    background: url('/images/icon.png') -170px -4px;
}

.bill .first>a span em.icon-8 {
    background: url('/images/icon-1-1.png') no-repeat center /contain;
}

.bill .first>a span em.icon-9 {
    width: 20px;
    margin-right: 3px;
    height: 20px;
    background: url('/images/icon-1-2.png') no-repeat center /contain;
}

.bill li.first>ul {
    min-width: 193px;
}

.bill li.first>ul a>span {
    font-size: 14px;
}

.bill li.first i.fa {
    float: left;
}

.bill li.first:hover span>i {
    border-left: 5px solid #fff;
}

.bill li.first>ul a {
    display: block;
    height: 46px;
    padding: 12px 0px 12px 32px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}


/*内容区域*/


/*内容区域导航栏*/

.wrap>.container>.img-content p img {
    width: 900px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px #ccc;
}

.bill .main .nav {
    /*height: 53px;*/
    /*border-bottom: 1px solid #ccc;*/
    /*padding-left: 70px;*/
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #e2e6ee;
}

.bill .main .nav>li {
    position: relative;
    margin-top: -1px;
    /*margin-left: -1px;*/
    height: 32px;
    cursor: pointer;
    margin-bottom: 0;
    background-color: #f0f2f5;
    border-right: 1px solid #e6e6e6;
}

.bill .main .nav .caret-move {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.bill .main .nav .caret-no {
    float: left;
    width: 23px;
    height: 32px;
    margin-top: -1px;
    margin-left: -1px;
    background: #e2e6ee;
    color: #878787;
    line-height: 30px;
    text-align: center;
    /*border: 1px solid #F4F4F4;*/
    border-left: 0;
    /*border-bottom: 1px solid #f4f4f4;*/
    /*border-radius: 0 3px 0 3px;*/
    border-right: 1px solid #d8dce5;
    cursor: pointer;
}

.bill #home-main {
    color: #00B28E;
}

.bill .main .nav>li>a {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #999;
    font-size: 13px;
    padding: 0 25px;
    margin-right: 0;
    border: 0;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
}

.bill .main .nav>li:hover>a {
    padding: 0 34px 0 16px;
}

.bill .main .nav>li:hover>.faremove {
    display: block;
}

.bill .main .nav .practical_directory>a {
    /*padding-right: 13px !important;*/
}

.bill .main .nav>li.active {
    background-color: rgba(0, 184, 236, .1);
}

.bill .main .nav>li.active:hover>a {
    background-color: rgba(0, 184, 236, .1);
}

.bill .main .nav>li.active>a {
    height: 32px;
    line-height: 32px;
    /*margin-top: 0px;*/
    background: rgba(0, 184, 236, .1);
    /*color: #000;*/
    /*font-weight: bold;*/
    color: #00b8ec;
    padding: 0 34px 0 16px;
    border-width: 0;
}

.bill .main .nav>li.active>.faremove {
    display: block;
}

.bill .main .nav>li .faremove {
    cursor: pointer;
}

.bill .main .nav>li>a:hover {
    /*border: 1px solid #ccc;*/
    /*border-bottom-color: #f4f4f4;*/
    /*background: #fff;*/
    /*color: #000;*/
    background-color: #f0f2f5;
}

.main .nav-tabs>li>a {
    padding: 4px 25px 4px 13px;
}

.bill .main .nav>li .faremove {
    display: none;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 5px;
    color: #a6a6a6;
    font-size: 16px;
    font-weight: 400;
    /*z-index: 999;*/
}

.bill .main .nav>li .faremove:hover {
    border-radius: 50%;
    color: #cbdfee;
    background-color: #a6a6a6;
}


/*.bill .main .nav>li.active .fa-remove {
    display: none;
}*/

.bill .tab-pane {
    /*height: 850px;*/
}

.bill .tab-pane iframe {
    height: 100%;
}


/*iframe页面*/


/*实操目录表 practical_directory*/

.wrap .container {
    min-width: 1000px;
    height: auto;
}

.wrap .container .img-content>img {
    box-shadow: 0 5px 10px #ccc;
}

.practical_directory .pra-con {
    width: 1000px;
    border: 1px solid #ccc;
    padding: 20px 33px;
    background: #fff;
    box-shadow: 0 5px 10px #ccc;
}

.practical_directory .media {
    margin-top: 0;
}

.practical_directory h2 {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    line-height: 26px;
}

.practical_directory h2 span {
    color: #555;
    font-size: 16px;
}

.practical_directory h2 span em {
    color: #00B28E;
}

.practical_directory .pra-con h4 {
    font-size: 16px;
}

.practical_directory .pra-con .pagination li.active span {
    background: #00B28E;
    color: #fff;
    border-radius: 3px;
    border-color: #ccc;
}

.practical_directory .progress {
    background: #e2f0ed;
    border-radius: 15px;
}

.practical_directory .progress-bar {
    background: #00B28E;
}

.practical_directory .default-color {
    color: #00B28E;
}

.practical_directory .media {
    border-top: 1px dashed #ccc;
    padding: 6px 0;
}

.practical_directory .media a {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    background: #00B28E;
    border-radius: 50%;
}

.practical_directory .media .media-object {
    width: 32px;
    height: 34px;
    margin: 15px;
}

.practical_directory .media-heading {
    color: #000;
    font-size: 17px;
}

.practical_directory .media-body {
    overflow: hidden;
    float: left;
    width: 550px;
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.practical_directory .media .media-view {
    padding-left: 0;
    width: 73px;
    height: 33px;
    margin-top: 15px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 33px;
    background: #25ADE6;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
}

.practical_directory .media .media-speed {
    margin: 15px 20px 0 0;
    color: #00B28E;
    font-size: 16px;
    line-height: 34px;
}

.practical_directory .media .view-notdo {
    background: #00B28E;
}

.practical_directory .media .speed-notdo {
    color: #f00;
}

.practical_directory .pra-con .media:nth-child(2) {
    border-top: 1px dashed #fff;
}


/*做凭证iframe*/

.do_certificate {
    /* overflow-x: auto;
     overflow-y: auto;*/
    /*padding: 20px 30px;*/
}

.voucher-assit-text {
    font-size: 12px;
}

.do_certificate .topics {
    position: absolute;
    max-width: 1000px;
    background: #fff;
    box-shadow: 0 5px 10px #ccc;
    z-index: 5;
}

.do_certificate .topics .topics-box {
    padding: 0 10px;
}

.do_certificate .topics .topics-box .new-window {
    margin: 10px;
    color: #fff;
    cursor: pointer;
}

.do_certificate .topics .topics-main {
    padding: 0 10px;
    border-top: none;
}

.do_certificate .topics p {
    line-height: 27px !important;
}

.do_certificate .topics p img {
    /*max-width: 920px !important;*/
    max-width: 100%;
    border: 1px solid #000;
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: -ms-zoom-in;
    cursor: -o-zoom-in;
    box-shadow: 2px 2px 5px 2px #616060;
}

.do_certificate .topics .article {
    color: #333;
    font-size: 18px;
}

.do_certificate h2 {
    margin-right: 100px;
    font-size: 16px;
    font-weight: bold;
}

.do_certificate .topics h2 {
    margin-top: 10px;
    margin-right: 0;
    cursor: pointer;
}

.do_certificate .article span {
    color: #00B28E;
}

.do_certificate .article em {
    color: #E50004;
}

.do_certificate .fill-in {
    margin-top: 15px;
    margin-right: 60px;
}

.do_certificate .fill-in>a {
    float: left;
    padding: 4px 10px;
    margin-right: 10px;
    border: 1px solid #5EA371;
    background: #00B28E;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    text-decoration: none;
}

.do_certificate .fill-in .fill-collect,
.do_certificate .fill-in .fill-re-collect,
.do_certificate .fill-in .fill-account,
.do_certificate .fill-in .fill-check {
    width: 121px;
    border: 1px solid #00B28E;
    background: #00B28E;
    color: #fff;
}

.do_certificate .fill-in .fill-collect {
    width: 75px;
}

.do_certificate .fill-in .fill-re-collect {
    width: 75px;
}

.do_certificate .fill-in a {
    width: 30px;
    height: 31px;
    margin-left: 10px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
}

.do_certificate .fill-in a {
    color: #6C6C6C;
    padding: 5px 11px;
}

.do_certificate .fill-in a:hover {
    border: 1px solid #00B28E;
    color: #fff;
    background: #00B28E;
    border-radius: 3px;
}

.do_certificate .fill-in a.active {
    border: 1px solid #00B28E;
    color: #fff;
    background: #00B28E;
    border-radius: 3px;
}

.do_certificate .fill-in .clibtn {
    background: #00B28E;
    color: #fff;
}

.do_certificate .certificate-img img {
    width: 799px;
    height: 469px;
}

.do_certificate .star_box {
    float: left;
    width: 100px;
    height: 15px;
    background: url(../images/star.png) no-repeat;
}

.do_certificate .star1 {
    background-position: 0 -99px;
}

.do_certificate .star2 {
    background-position: 0 -83px;
}

.do_certificate .star3 {
    background-position: 0 -67px;
}

.do_certificate .star4 {
    background-position: 0 -31px;
}

.do_certificate .star5 {
    background-position: 0 2px;
}

.do_certificate .written-name {
    margin-top: 10px;
}

.do_certificate .written-name .do-empty {
    margin-right: 10px;
    cursor: pointer;
}

.do_certificate .written-name .do-empty:hover {
    text-decoration: underline;
}


/*科目选择弹窗*/

.select-subject-box {
    display: none;
}

.select-info-box h5 {
    cursor: move;
}


/*填写记账凭证部分*/

.write-certificate {
    /*position: absolute;
    top: 75px;
    right: 180px;*/
    width: 900px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.write-certificate .voucher-container {
    margin-bottom: 10px;
    box-shadow: 0 0 0 #fff;
}

.write-certificate .subject-account {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 1px;
    color: #666;
    font-size: 12px;
    z-index: 9;
    cursor: pointer;
}

.write-certificate .bottom-certificate {
    border-top: 1px dashed #ccc;
}

.write-certificate .voucher-main:hover .subject-account {
    display: block;
}

.do_certificate .top-certificate {
    position: relative;
    padding: 5px 20px;
    background: #00B28E;
}

.do_certificate .top-certificate h3 {
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
}

.do_certificate .top-certificate h3 span {
    font-size: 17px;
    margin-left: 20px;
}

.do_certificate .top-certificate .fa-angle-double-down {
    margin: 11px 8px 0 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.my-answers-h3 .fa-angle-double-down,
.my-answers-h3 .fa-angle-double-up {
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.do_certificate .top-certificate .fa-angle-double-up {
    margin: 11px 8px 0 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.do_certificate .top-certificate .btns-change {
    margin-right: 50px;
}

.do_certificate .top-certificate .btns-change a {
    float: left;
    padding: 3px 13px;
    margin-top: 6px;
    border: 1px solid #5EA371;
    background: #fff;
    color: #666;
    text-decoration: none;
    border-radius: 3px;
}

.do_certificate .top-certificate .btns-change a.amargin {
    margin-right: 15px;
}

.do_certificate .top-certificate .btns-change a:hover {
    color: #fff;
    background: #1C7534;
}

.do_certificate .top-certificate .btns-change a.active {
    color: #fff;
    background: #1C7534;
}

.certificate-box a {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #f4f4f4;
    background: #ccc;
}

.my-answers {
    box-shadow: 0 5px 10px #ccc;
}

.my-answers .voucher-total {
    vertical-align: middle;
    font-weight: bold;
    text-indent: 8px;
}

.my-answers .top-certificate h3 {
    padding: 0;
}

.my-answers .voucher-subject-b {
    position: relative;
}

.my-answers .voucher-subject-b .assit-balance {
    position: absolute;
    bottom: 1px;
    margin-left: 5px;
    z-index: 98;
}

.do_certificate .my-answers .bottom-certificate a {
    margin: 10px 0 0 90px;
}

.do_certificate .views-answers h3 {
    background-color: #00B28E;
}

.certificate-box a.rr {
    background: #00B28E;
}

.certificate-box a.cc {
    background: #fff;
    border: 1px solid #00B28E;
}

.certificate-box {
    margin: 15px 0 0 0;
}

.certificate-box strong,
.certificate-box span {
    color: #000;
}

.top-certificate em {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    cursor: pointer;
}

.certificate-progress a {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px #f4f4f4 solid;
    background: #ccc;
}

.certificate-progress a:hover {
    border: 1px solid #00B28E;
}

.con-certificate {
    width: 900px;
    padding: 12px 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.voucher-container {
    /*border: 1px solid #d2d2d2;
    padding: 20px;*/
    background-color: #fff;
}


/*.voucher-container .form-inline {
    border: 1px solid #d2d2d2;
    padding: 25px;
    color: #7a7a7a;
    font-size: 12px;
}*/

.voucher-container .mark_wrap {}

.voucher-container .ui-combo-wrap {
    /*overflow: hidden;*/
    position: relative;
    display: inline-block;
    width: 58px;
    height: 28px;
    vertical-align: middle;
    background-color: #fff;
    color: #555;
    zoom: 1;
}

.voucher-container .ui-combo-wrap select {
    width: 56px;
    height: 27px;
    border: 1px solid #ddd;
    cursor: default;
}

.voucher-container .ui-combo-wrap i.fa-sort-desc {
    position: absolute;
    top: 4px;
    right: 5px;
}

.voucher-container .ui-spinbox-wrap {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 28px;
    border: 1px solid #ddd;
    margin-left: 10px;
    background-color: #fff;
    color: #555;
}

.voucher-container .ui-spinbox {
    width: 60px;
    height: 25px;
    padding: 5px 5px;
}

.voucher-container .btn-wrap .fa-sort-asc {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 17px;
    height: 14px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.voucher-container .btn-wrap {
    width: 17px;
    height: 26px;
    border-left: 1px solid #ccc;
}

.voucher-container .btn-wrap .fa-sort-desc {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 17px;
    height: 14px;
    text-align: center;
    line-height: 10px;
    cursor: pointer;
}

.voucher-container .date-input {
    margin-left: 25px;
}

.voucher-container .date-input input {
    width: 120px;
    height: 28px;
    font-size: 13px;
    background: url(../images/picker_bg.png) no-repeat 97px 5px;
    cursor: pointer;
}

.voucher-container .tit_wrap {
    margin-left: 50px;
}

.voucher-container .voucher_tit {
    margin-top: 0;
    color: #000;
    font-size: 26px;
}

.voucher-container .attach-input>input {
    width: 36px;
    height: 28px;
}

.voucher-container .attach-input {
    position: relative;
}

.voucher-container .attach-input .btn-wrap {
    position: absolute;
    top: 0;
    right: 18px;
    height: 25px;
}

.voucher-container .vch_year {
    margin-left: 20px;
    line-height: 36px;
    font-weight: normal;
}


/*记账凭证table*/

.do_certificate .bottom-certificate a {
    float: left;
    width: 100px;
    height: 35px;
    margin: 12px  63px 0 0;
    border: 1px solid #ccc;
    color: #000;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.do_certificate .bottom-certificate a:hover {
    border: 1px solid #00B28E;
    background: #00B28E;
    color: #fff;
}


/*做凭证我的答案模块*/

.my-answers {
    position: absolute;
    /* top: 114px; */
    /* right: 260px; */
    width: 900px;
    background: #fff;
    /* cursor: move; */
    /* z-index: 4; */
}

.myans-box {
    padding: 10px;
}

.myans-top {
    margin-bottom: 20px;
}

.myans-top .bill-left {
    float: left;
    margin-right: 70px;
}

.myans-top .bill-right {
    float: right;
}

.myans-top .bill-voucher {
    margin-top: -10px;
    font-size: 26px;
}

.myans-top .bill-voucher em {
    font-size: 12px;
    margin-left: 20px;
}

.myans-main {
    border: 1px solid #ccc;
    padding: 10px;
}

.myans-con {
    /*border: 1px solid #ccc;*/
}

.myans-bottom {
    /*margin-top: 20px;*/
}

.myans-con .table td textarea {
    border: none;
    background: #fff;
    height: 48px;
}

.myans-con .table tr>td {
    padding: 0;
}

.myans-con .table tr>th {
    height: 60px;
    padding: 0;
    vertical-align: inherit;
}

.myans-con .table .voucher-lend {
    width: 210px;
}

.myans-con .table .voucher-loan {
    width: 210px;
}

.my-answers .my-answers-h3 .fa-bars {
    color: #1C7534;
}

.my-answers i.fa-times-circle {
    cursor: pointer;
}

.bill .industry {
    border: 1px solid #ccc;
    float: left;
    padding: 6px 12px;
    margin: 15px 0 0 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}


/*做凭证答案解析模块*/

.answers-analysis {
    position: absolute;
    top: 225px;
    right: 90px;
    width: 900px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 5px 10px #ccc;
}

.answers-analysis h3 {
    padding: 10px;
    margin-top: 0;
    background-color: #00B28E;
    color: #fff;
    font-size: 18px;
    cursor: move;
}

.my-answers h3 {
    padding: 10px;
    margin-top: 0;
    background-color: #00B28E;
    color: #fff;
    font-size: 20px;
}

.answers-analysis .analysis-box {
    padding: 10px;
}

.analysis-box .title {
    font-size: 17px;
}

.answers-analysis .analysis-con {
    border: 1px solid #ccc;
    padding: 15px;
}

.answers-analysis .analysis-con p {
    font-size: 20px;
    line-height: 28px;
}

.analysis-box>a {
    float: left;
    margin-top: 20px;
    padding: 6px 8px;
    background-color: #00B28E;
    border: none;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.answers-analysis .fa {
    cursor: pointer;
}


/*查看凭证*/

.voucher-table {
    padding: 26px 11px 10px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 5px 10px #ccc;
}

.voucher-table thead>tr {
    background: #00B28E;
}

.voucher-table th {
    color: #fff;
    text-align: center;
}

.checked-voucher .container {
    padding-right: 0;
    padding-left: 0;
}

.checked-voucher .voucher-table td {
    color: #333333;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.checked-voucher .table>tbody>tr>td {
    padding: 6px;
}

.checked-voucher .voucher-table tbody.voucher-c {
    background: #F0F0F0;
}

.checked-voucher .voucher-table tbody:hover {
    background: #FAF8EB;
}

.checked-voucher .voucher-table td.text-center>a {
    color: #333;
}


/*分页*/

.wrap .pagination>.active>a {
    color: #fff;
    background-color: #00B28E;
    border-color: #fff;
}


/*明细账*/

.detailed_account .container {
    padding-right: 0;
    padding-left: 0;
}

.detailed_account h2>span {
    font-size: 16px;
    margin-top: -10px;
}

.detailed_account .voucher-table tbody .voucher-v {
    background: #EFF6F1;
}

.detailed_account .voucher-table tbody tr:hover {
    background: #FAF8EB;
}


/*总账*/

.wrap .auto-box {
    margin: 0 auto;
}

.trialbalance-box {
    padding-left: 0 !important;
}

.trialbalance-box .voucher-container thead th {
    text-align: center;
}

.trialbalance-box .dropdown-menu li {
    padding: 10px 20px !important;
}

.trialbalance-box .dropdown-menu li:hover {
    background: #00B28E;
}

.trialbalance-box .dropdown-menu li:hover a {
    color: #fff;
    background: #00B28E !important;
}


/*利润表 资产负债表*/

.report-profit form input[type="text"].error,
.report-balance form input[type="text"].error {
    border: 1px #f00 solid;
}

.report-profit .certificate-box strong,
.report-profit .certificate-box span,
.report-balance .certificate-box strong,
.report-balance .certificate-box span {
    color: #000;
}

.report-profit .time-input,
.report-balance .time-input {
    text-align: center;
}

.report-profit .number-input,
.report-balance .number-input {
    text-align: right;
}


/*星星等级*/

.report-profit .top-certificate,
.report-balance .top-certificate {
    margin-left: 130px;
}

.top-certificate.container {
    margin: 0 auto;
    padding: 0;
}

.report-profit .star_box,
.report-balance .star_box {
    float: left;
    width: 100px;
    height: 15px;
    background: url(../images/star.png) no-repeat;
}

.report-profit .star3,
.report-balance .star3 {
    background-position: 0 -67px;
}

.top-certificate .btn-box {
    float: left;
    width: 388px;
}

.top-certificate .btn-box.addWidth {
    width: auto;
}

.report-profit .top-certificate .btn-box>a,
.report-balance .top-certificate .btn-box>a {
    float: left;
    width: 107px;
    height: 35px;
    border: 1px solid #D7D7D7;
    margin-right: 20px;
    margin-top: 8px;
    background: #fff;
    color: #777777;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    cursor: pointer;
}

.table>tbody>tr>td,
.initial-data .table>thead>tr>th,
.account-balance .table>thead>tr>th {
    padding: 6px;
}

.report-profit .voucher-table h2,
.report-balance .voucher-table h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.initial-data>h2,
.checked-voucher .container>h2,
.account-balance>h2,
.detailed_account .container>h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.trialbalance-box .voucher-header {
    padding-top: 0;
}

.trialbalance-box .voucher-container {
    padding: 10px;
}

.trialbalance-box .voucher-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    padding-top: 0;
}

.report-profit .top-certificate .btn-box>a:hover,
.report-profit .top-certificate .btn-box>a.active,
.report-balance .top-certificate .btn-box>a:hover,
.report-balance .top-certificate .btn-box>a.active {
    background: #00B28E;
    color: #fff;
}

.report-profit .voucher-table,
.report-balance .voucher-table {
    position: relative;
    height: auto;
    margin-top: 10px;
    padding: 0 20px 20px;
}

.report-profit .voucher-table p,
.report-balance .voucher-table p {
    padding: 3px 11px;
    margin-bottom: 10px;
    border: 1px dashed #FFDF67;
    background: #FFFCD9;
}

.report-profit input,
.report-balance input {
    padding: 2px 10px;
    border: 1px solid #c2d3cf;
    background: #d2e6e2;
}

.report-profit .program-units,
.report-balance .program-units {
    margin: 10px 0;
}

.report-profit .program-con,
.report-balance .program-con {
    margin-right: 175px;
}

.report-profit .program-con>input,
.report-balance .program-con>input {
    width: 200px;
    font-size: 12px;
}

.report-profit .program-time>input,
.report-balance .program-time>input {
    width: 67px;
    font-size: 12px;
}

.report-profit .table tbody input,
.report-balance .table tbody input {
    width: 100%;
    font-size: 12px;
}

.report-profit .table tbody strong,
.report-balance .table tbody strong {
    font-size: 15px;
}

.report-profit .table tbody td,
.report-balance .table tbody td {
    vertical-align: bottom;
}

.report-profit .table tbody .report-b,
.report-balance .table tbody .report-b {
    background: #EFF6F1;
}

.report-profit .table tbody td span,
.report-balance .table tbody td span {
    float: left;
    text-indent: 20px;
}


/*科目余额表*/

.account-balance .voucher-table {
    height: auto;
}

.account-balance .table th,
.initial-data .table th {
    vertical-align: middle;
}

.account-balance tbody td span {
    float: left;
    text-indent: 10px;
}

.account-balance tbody tr.account-bg,
.initial-data tbody tr.account-bg {
    background: #EFF6F1;
}

.account-balance tbody tr:hover {
    background: #FAF8EB;
}

.account-balance .voucher-table {
    padding-bottom: 35px !important;
}

.prompt-vip .container {
    height: 470px;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 50px 0;
    background: #fff;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 21px;
    box-shadow: 0 5px 10px #ccc;
}

.prompt-vip .container p span {
    color: #f00;
}

.prompt-vip .container p a {
    color: #00B28E;
}

.prompt-vip .vip-btn {
    margin-top: 100px;
}

.prompt-vip .vip-btn a {
    padding: 10px 24px;
    background: #00B28E;
    color: #fff;
    font-size: 20px;
    line-height: 39px;
    text-decoration: none;
    border-radius: 5px;
}

.prompt-vip .vip-btn .buy-vip {
    margin-right: 50px;
    background: #FF7461;
}


/*免费视频试学*/

.video_experience .cur {
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
}

.video_experience .mod_inner a {
    color: #000;
}

.video_experience .mod_inner p {
    margin-top: 10px;
}


/*我要吐槽*/

.icones {
    background: url(/images/icon_06.png) no-repeat;
}

.box-mark,
.alert-mark {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    background-color: #000\9;
    height: 100%;
    width: 100%;
    z-index: 10160;
    display: none;
}

.box-mark.active {
    display: block;
}

.wrap .tc-box {
    position: fixed;
    left: 50%;
    top: 5%;
    background-color: #fff;
    padding: 0 35px;
    z-index: 10161;
    border-radius: 5px;
    width: 580px;
    margin-left: -265px;
    display: none;
}

.wrap .tc-box .tc-btn-close {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 28px;
    color: #727272;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.wrap .tc-box .tc-btn-close:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.wrap .tc-box p i {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 15px;
}

.wrap .tc-box p {
    font-size: 16px;
}

.wrap .tc-box p.tc-title {
    font-size: 20px;
    font-weight: bold;
}

.wrap .tc-box p textarea {
    height: 73px;
    margin-bottom: 10px;
}

.wrap .tc-box p .file-up {
    position: relative;
}

.wrap .tc-box p .tc-file,
.wrap .file-up-load {
    width: 80px;
    height: 37px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    outline: 0;
}

.wrap .tc-box p .btn-tc {
    background-color: #00B28E;
    color: #fff;
    outline: 0;
}

.wrap .tc-box p .btn-tc.submit {
    width: 130px;
    font-size: 20px;
}

.wrap .tc-box p .btn-tc:hover,
.wrap .tc-box p .btn-tc:active {
    background-color: #00a07c;
    color: #fff;
}

.wrap .tc-box .step-one {
    background-position: -587px -162px;
}

.wrap .tc-box .step-two {
    background-position: -646px -162px;
}

.wrap .tc-box .step-three {
    background-position: -703px -162px;
}


/*对话框样式*/

.modal-dialog.md-xs {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.modal-dialog .modal-body .fa {
    font-size: 29px;
    margin-top: -3px;
}

.modal-dialog .modal-body .fa.fa-exclamation-circle {
    color: #f0ad4e;
}

.modal-dialog .modal-body .fa.fa-smile-o {
    color: #5cb85c;
}

.modal-dialog .modal-body .fa.fa-frown-o {
    color: #f27474;
}


/*新手指引*/


/*未进入*/

.index-guide {
    display: none;
}

.mark-bg,
.app-mark-bg,
.do-mark-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    z-index: 100;
}

.index-guide .mark-img {
    position: absolute;
    top: 61px;
    left: 298px;
    width: 527px;
    height: 453px;
    background: url(/images/guide_19.png);
    z-index: 110;
}

.index-guide .mark-img .btn-know {
    position: absolute;
    top: 404px;
    left: 192px;
    width: 112px;
    height: 50px;
    cursor: pointer;
}

.index-guide .mark-img .btn-close {
    position: absolute;
    top: 280px;
    left: 448px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


/*已进入*/

.app-guide {
    display: none;
}

.app-guide .app-img {
    position: absolute;
    top: 167px;
    right: 54.5%;
    width: 486px;
    height: 188px;
    margin-right: -588px;
    background: url('/images/guide_20.png');
    z-index: 110;
}

@media screen and (max-width: 1366px) {
    .app-guide .app-img {
        margin-right: -560px;
    }
}

@media screen and (max-width: 1200px) {
    .app-guide .app-img {
        margin-right: -552px;
    }
}

.app-guide .app-img .btn-know {
    position: absolute;
    top: 140px;
    left: 110px;
    width: 112px;
    height: 50px;
    cursor: pointer;
}

.app-guide .app-img .btn-close {
    position: absolute;
    top: 0px;
    left: 328px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


/*进入后 做凭证*/

.do-guide {
    display: none;
}

.do-guide .do-img {
    position: absolute;
    top: 126px;
    left: 248px;
    width: 780px;
    height: 465px;
    /*background: url('/images/guide_21.png');/*我要吐槽*/
    background: url('/images/guide_22.png');
    /*视频解析*/
    z-index: 110;
}

@media screen and (max-width: 1366px) {
    .do-guide .do-img {
        left: 193px;
    }
}

@media screen and (max-width: 1200px) {
    .do-guide .do-img {
        left: 175px;
    }
}

.do-guide .do-img .btn-know {
    position: absolute;
    top: 311px;
    left: 385px;
    width: 112px;
    height: 50px;
    cursor: pointer;
}

.do-guide .do-img .btn-close {
    position: absolute;
    top: 172px;
    left: 550px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


/*证书申请*/

.apply-certificate {
    margin: 18px 15px 0 0;
}

.apply-certificate a {
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    background: #44a5ff;
    border-radius: 3px;
}

.apply-certificate a:hover {
    color: #fff;
    background: #317ec5;
    text-decoration: none;
}


/*做凭证错题打插*/

.voucher-errorred {
    display: none;
    position: absolute;
    right: -18px;
    top: 10px;
    color: #f00;
    font-size: 19px;
}

.voucher-fixed table tbody {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
}

.voucher-fixed table thead,
.voucher-fixed tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.voucher-fixed table thead {
    width: calc( 100% - 1.2em);
}

@media screen and (max-width: 1366px) {
    .voucher-fixed table td {
        font-size: 12px !important;
    }
}


/*new index 20180604*/

.main-nav * {
    box-sizing: border-box;
}

.main-nav {
    float: left;
    width: 200px;
    height: calc(100vh - 75px);
    background-color: #fff;
    box-sizing: border-box;
}

.new-nav {
    position: fixed;
    top: 75px;
}

.main-nav dl dt.dlhd {
    width: 100%;
    height: 48px;
    background-color: #00b38e;
}

.main-nav dl dt,
.main-nav dl dd {
    padding-left: 18px;
    line-height: 44px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.main-nav dl dt,
.main-nav dl dd.index {
    padding-left: 45px;
}

.main-nav dl dt a,
.main-nav dl dd a {
    text-decoration: none;
    display: block;
}

.main-nav dl dt span,
.main-nav dl dd span {
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 10px;
}

.main-nav dl dt span {
    color: #ffffff;
}

.main-nav dl dd span,
.main-nav dl dd a {
    color: inherit;
}

.icon {
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
    background-image: url("/images/newindex/icon_i_1.png");
    display: inline-block;
}

.main-nav dl .icon {
    vertical-align: middle;
    transition: all 0.2s linear;
}

.main-nav dl dd:hover,
.main-nav dl dd.active {
    background: #00b38e;
    color: #fff;
}


/* .main-nav dl .icon-index{
    background-position: 0 -210px;
    width: 22px;
    height: 20px
}

.main-nav dl .icon-study{
    background-position: 0 0px;
    width: 26px;
    height: 24px;
}

.main-nav dl .icon-finish{
    background-position: 0 -30px;
    width: 26px;
    height: 26px;

}
.main-nav dl .icon-collect{
    background-position: 0 -60px;
    width: 26px;
    height: 26px;
}
.main-nav dl .icon-note{
    background-position: 0 -90px;
    width: 22px;
    height: 26px;
}

.main-nav dl .icon-certificate{
    background-position: 0 -120px;
    width: 22px;
    height: 27px;
}
.main-nav dl .icon-sgz{
    background-position: 0 -150px;
    width: 20px;
    height: 30px;
}
.main-nav dl .icon-scZGI{
    background-position: 0 -180px;
    width: 23px;
    height: 23px;
} */

.main-nav dl img.hot {
    margin-left: 10px;
}


/* .main-nav dl dd:hover .icon-index,.main-nav dl dd.active .icon-index{
    background-position:-30px -210px;
}

.main-nav dl dd:hover .icon-study,.main-nav dl dd.active .icon-study{
    background-position:-30px 0px;
}

.main-nav dl dd:hover .icon-finish,.main-nav dl dd.active .icon-finish{
    background-position:-30px -30px;
}


.main-nav dl dd:hover .icon-collect,.main-nav dl dd.active .icon-collect{
    background-position:-30px -60px;
}

.main-nav dl dd:hover .icon-note,.main-nav dl dd.active .icon-note{
    background-position:-30px -90px;
}


.main-nav dl dd:hover .icon-certificate,.main-nav dl dd.active .icon-certificate{
    background-position:-30px -120px;
}
.main-nav dl dd:hover .icon-sgz,.main-nav dl dd.active .icon-sgz{
    background-position:-30px -150px;
}
.main-nav dl dd:hover .icon-scZGI,.main-nav dl dd.active .icon-scZGI{
    background-position:-30px -180px;
} */

.main-nav dl .video-lists li {
    padding-left: 36px;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
}

.main-nav dl .video-lists a.more-link {
    color: #222;
    font-size: 14px;
    margin-left: 60px;
}

.main-nav dl .video-lists a.more-link:hover {
    color: #00b38e;
}

.more-link {
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 10px;
}

.more-link:hover {
    text-decoration: underline;
}

.main-nav dl .video-lists li a {
    text-decoration: none;
}

.main-nav dl .video-lists li a .video-time {
    color: #555;
    font-size: 12px;
}

.main-nav dl .video-lists li a .video-info {
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 5px 0 0 0;
    padding-left: 16px;
}

.main-nav dl .video-lists li::after {
    content: "";
    width: 1px;
    height: 38px;
    background: #d6d6d6;
    position: absolute;
    left: 42px;
    top: 22px;
}

.main-nav dl .video-lists li .icon-video-1 {
    background-position: -25px -229px;
    width: 14px;
    height: 14px;
}

.main-nav dl .video-lists li:hover .icon-video-1 {
    background-position: -25px -211px;
}

.main-nav dl .video-lists li .icon-video-2 {
    background-position: -0 -229px;
    width: 14px;
    height: 14px;
}

.main-nav dl .video-lists li:hover .icon-video-2 {
    background-position: 0 -211px;
}

.main-nav dl img.hot {
    margin-left: 10px;
}

.main-nav dl .video-lists li:hover a * {
    color: #00b38e;
}

.main-content {
    margin-top: 15px!important;
    overflow: hidden;
}

.wrap-center {
    width: 1200px;
    margin: 0 auto;
}

.main-content .content {
    margin-left: 220px;
    /*overflow: hidden;*/
}

.main-content .content .list-group {
    width: 100%;
    background: none;
}

.main-content .content .list-group .list-group-item {
    float: left;
    background: none;
    border: none;
}

.unlisted .content .list-group .list-group-item a {
    border-radius: 3px;
}

.unlisted .content .list-group .list-group-item.active a {
    background: #00b38e;
}

.unlisted .content .list-group a {
    padding: 6px 10px;
}

.main-content .content .tlv-nva {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 20px 0 20px;
    background: #fff;
}

.main-content .content .tlv-nva .label {
    font-size: 14px;
    color: #222222;
    float: left;
    padding: 0;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 0;
}

.main-content .content .tlv-nva .list-group {
    float: left;
    width: 91%;
    margin-right: 0;
    margin-bottom: 0;
}

.main-content .content .tlv-nva .list-group .list-group-item {
    margin: 0 10px 10px 0;
}

.main-content .content .system li {
    margin: 0;
    margin: 0 13px 13px 0;
    position: relative;
}

.main-content .content .system li img {
    display: block;
    width: 235px;
    height: 150px;
    object-fit: fill;
}

.main-content .content .system li img.pt {
    position: absolute;
    width: 50px;
    height: auto;
    right: 5px;
    bottom: 72px;
}

.main-content .content .system li:nth-child(4n+1),
.main-content .content .system li.mlZ {
    /*margin-left: 0;*/
}

.main-content .content>.tab-content {
    width: 100%;
}

.main-content .content .system h2 {
    /*display: none;*/
}

.main-content .content .num-data {
    position: absolute;
    right: 22px;
    top: 29px;
}

.main-content .content .num-data span.num {
    color: #00b38e;
}

.main-content .content .num-data em {
    margin: 0 6px;
}

.main-content .content .hover-link-items {
    position: absolute;
	z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	text-align: center;
    background: rgba(0, 0, 0, .6);
    display: none;
}
.main-content .content .system li:hover .hover-link-items{
	display: block;
}

.main-content .content .hover-link-items a {
	color: #fff;
	/* font-size: 12px; */
	text-decoration: none;
	margin: 25px 5px;
	background: #3CBAFF;
	padding: 0 45px;
	line-height: 45px;
	font-size: 16px;
	display: inline-block;
	border-radius: 4px;
	/* border: 1px solid #3CBAFF; */
}

/* .guide{
    position: absolute;
    top: 35%;
    right: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.guide a {
    border: 1px solid #1ecba8;
    border-radius: 0px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: #1ecba8;
    background: #00B28E;
    display: block;
    width: 20px;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #ccc;
} */

.guide a {
    padding: 2px 12px;
    margin: 10px auto;
    display: inline-block;
    border: 1px solid #1ecba8;
    border-radius: 30px;
    color: #fff;
    /*background: #1ecba8;*/
    background: #00B28E;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100px;
}

#nav>li {
    position: relative;
    background-color: #018abf;
}

#nav>li:hover {
    background-color: #007ca0;
}

#nav>li>a {
    color: #fff;
}

#nav>li:hover>ul {
    display: block;
}

#nav>li>ul {
    position: absolute;
    top: 0;
    left: 107px;
    box-shadow: 1px 0 4px 0 #e6e6e6;
    color: #212121;
    background-color: #fff;
    padding: 16px 0;
}

.arrow {
    position: absolute;
    top: 0;
    right: -50%;
    -webkit-animation: here 1.5s infinite linear;
    -o-animation: here 1.5s infinite linear;
    -moz-animation: here 1.5s infinite linear;
    animation: here 1.5s infinite linear;
}

@keyframes here {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-30px)
    }
    100% {
        transform: translateX(0px)
    }
}

@-webkit-keyframes here {
    0% {
        -webkit-transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(-30px)
    }
    100% {
        -webkit-transform: translateX(0px)
    }
}

@-o-keyframes here {
    0% {
        -o-transform: translateX(0px)
    }
    50% {
        -o-transform: translateX(-30px)
    }
    100% {
        -o-transform: translateX(0px)
    }
}

@-moz-keyframes here {
    0% {
        -moz-transform: translateX(0px)
    }
    50% {
        -moz-transform: translateX(-30px)
    }
    100% {
        -moz-transform: translateX(0px)
    }
}

#popup .content {
    padding: 0;
    margin-left: 0;
}

.new-video-list li {
    position: relative;
    margin-top: 20px;
}

.new-video-list li a {
    color: #00B882;
    text-decoration: none;
}

.new-video-list li a dl {
    margin-bottom: 0px;
}

.new-video-list li a dl dt {
    padding-left: 5px;
    padding-top: 4px;
    width: auto;
    margin-bottom: 0;
}

.new-video-list li a dl dt span {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.new-video-list .active a dl dt span:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.new-video-list li a dl dt span img {
    width: 100%;
    height: 100%;
    background-color: #dbdbdb;
    vertical-align: baseline;
}

.new-video-list li a dl dt span .course-live-ing {
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: sub;
    position: absolute;
    left: 10px;
    top: 9px;
}

.new-video-list li a dl dt span .course-live-ing i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #fff;
    -webkit-animation: liveIng linear .3s infinite;
    animation: liveIng linear .3s infinite;
}

.new-video-list li a dl dt span .course-live-ing i:nth-of-type(2) {
    left: 6px;
    height: 12px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.new-video-list li a dl dt span .course-live-ing i:nth-of-type(3) {
    left: 12px;
    height: 9px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

@keyframes liveIng {
    0% {
        height: 50%;
    }
    50% {
        height: 100%;
    }
    100% {
        height: 50%;
    }
}

.new-video-list li a dl dd {
    margin-left: 46px;
    position: relative;
    padding-left: 0;
    width: auto;
    display: block;
    line-height: inherit;
}

.new-video-list li a dl dd:hover {
    color: #00B882;
}

.new-video-list li a dl dd .gray-c {
    color: #575757;
}

.new-video-list li a dl dd .g-b {
    color: #575757;
    border-color: #575757;
}

.new-video-list li a dl dd .ing:hover {
    background: #24a881;
    color: #fff;
}

.new-video-list li a dl dd .g-b:hover {
    background: #575757;
    color: #fff;
}

.new-video-list li a dl dd b {
    font-weight: normal;
    margin: 2px 0;
    display: inline-block;
    font-size: 14px;
}

.new-video-list li a dl dd p {
    font-size: 12px;
    margin-bottom: 5px;
}

.new-video-list li a dl dd span {
    text-align: center;
    font-size: 12px;
    border-color: #ff7d5a;
    color: #ff7d5a;
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 18px;
    border-radius: 3px;
    margin-left: 0;
    border: solid 1px #ff7d5a;
}

.new-video-list .active a dl dd span {
    border-color: #00b882;
    color: #00b882;
}

.video {
    border-top: 18px solid #f4f4f4;
    position: relative;
}

.video .history {
    position: absolute;
    top: 0px;
    right: 20px;
    line-height: 45px;
}

.video .history:hover {
    text-decoration: underline;
}

#index {
    position: relative;
    background: #f4f4f4;
    padding: 0;
}

#index:after {
    position: absolute;
    left: 0;
    top: 165px;
    width: 100%;
    height: 15px;
    display: none;
    content: '';
    background: #f4f4f4;
}

#index>.tab-content {
    /* background: #fff; */
}

.not {
    width: 100%;
    padding-top: 80px;
    text-align: center;
    box-sizing: content-box;
}

.not .no-img {
    display: block;
    margin: 0 auto;
}

.not .no-txt {
    color: #7d7d7d;
    font-size: 14px;
    margin-top: 25px;
    display: inline-block;
}

.notLearing {
    /* background:url(../images/newindex/wc-no.png)no-repeat; */
}


/* .notFinish{
    background:#f4f4f4 url(../images/newindex/icon_2.png) no-repeat center 105px / 360px 289px;
}
.notCollect{
    background:#f4f4f4 url(../images/newindex/icon_3.png) no-repeat center 105px / 300px 282px;
}
.notNote{
    background:#f4f4f4 url(../images/newindex/icon_4.png) no-repeat center 105px / 360px 289px;
}  */

@media (max-width: 1600px) {
    .new-video-list {
        margin-bottom: 0;
    }
    .new-video-list li:after {
        height: 20px;
    }
    .new-video-list li a dl {
        padding-top: 5px;
        margin-bottom: 0;
    }
    .video {
        border-top: 10px solid #f4f4f4;
    }
    .more-link {
        line-height: auto;
    }
}

@media (max-width: 1366px) {
    .main-nav dl dt,
    .main-nav dl dd {
        line-height: 36px;
    }
    .new-video-list li a dl dd p {
        margin: 0;
    }
    .new-video-list b {
        font-weight: normal;
        font-size: 12px;
    }
    .icon {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
    }
    .more-link {
        line-height: auto;
    }
    .new-nav {
        /* top: 60px; */
    }
    .wrap-center {
        /* width: 100%; */
    }
    .main-content .content .tlv-nva .list-group {
        /* width: 950px; */
    }
}

.newTable {
    width: 100%;
}

.newTable tr {
    height: 49px;
}

.newTable tbody tr:nth-child(even) {
    background-color: #fcfcfc;
}

.newTable tbody tr:hover {
    background-color: #e8e8e8;
}

.newTable tr td {
    font-size: 14px;
    text-align: center;
}

.newTable tr td.text-left {
    text-align: left;
}

.newTable tr .bigGreen {
    font-size: 16px;
    color: #333333;
}

.newTable tr td i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.newTable.surprise tr td i.bigGreen {
    padding: 0 16px;
    font-style: normal;
    width: 18px;
}


/* .newTable.surprise tr td:first-child{
    width: 5%
}
.newTable.surprise tr td:nth-child(2){
    width: 20%
} */

.newTable.surprise .hover {
    position: relative;
}

.newTable.surprise .hover span {
    display: none;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 300px;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #5eccb5;
    border-radius: 5px;
    transform: translate(5%, -50%);
}

.newTable.surprise .hover span:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: url(/images/icon-after.png) no-repeat center / cover;
    position: absolute;
    top: 50%;
    left: -6px;
}

.newTable.surprise tr td:first-child:hover .hover span {
    display: block;
}

.iconNew-1 {
    width: 24px;
    height: 24px;
    background: url(/images/icon-new.png);
    background-position: -128px 0px;
}

.iconNew-2 {
    width: 24px;
    height: 24px;
    background: url(/images/icon-new.png);
    background-position: -152px 0px;
}

.iconNew-3 {
    width: 24px;
    height: 24px;
    background: url(/images/icon-new.png);
    background-position: -176px 0px;
}

.newUl {}

.newUl>li {
    background: #fff;
    margin-bottom: 12px;
}

.newUl li .name {
    padding: 0 15px;
    line-height: 46px;
    font-size: 16px;
    border-bottom: 1px solid #e2e2e2;
}

.newUl li .name .iconNew-4 {
    width: 22px;
    height: 22px;
    background: url(/images/icon-new.png)no-repeat -30px -15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.newUl li .name a {
    float: right;
    font-size: 12px;
    width: 60px;
    line-height: 23px;
    text-align: center;
    margin-top: 11.5px;
    height: 23px;
    border-radius: 2px;
    border: solid 1px #575757;
    color: #7d7d7d;
    cursor: pointer;
}

.newUl li .name a .iconNew-5 {
    width: 13px;
    height: 13px;
    background: url(/images/icon-new.png) 0 -15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.newUl li ol {
    overflow: hidden;
    padding: 0 15px;
    margin-top: 20px;
}

.newUl li ol li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    line-height: 100%;
    position: relative;
}

.newUl li ol li a {
    font-size: 14px;
    color: #7d7d7d!important;
    margin-left: 30px;
}

.newUl li ol li a i {
    color: #7d7d7d;
    font-style: normal;
    font-size: 7px;
    margin-right: 5px;
    font-size: 14px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
}

@media(max-width: 1366px) {
    /*.bill .menu-left{*/
    /*    width: 11%;*/
    /*}*/
    .tops-progress {
        transform: scale(0.9);
        margin-left: -55px;
    }
    .my-answers,
    .write-certificate {
        transform: scale(0.9);
        margin-left: -65px;
        margin-top: -15px;
    }
    .answers-analysis {
        transform: scale(0.8);
    }
}

.likeDropdown {
    float: left;
    position: relative;
    margin-top: 3px;
    margin-left: 20px;
}

.likeDropdown span {
    border: 1px solid #ccc;
    padding: 4px 12px;
    background: #fff;
    color: #00B28E;
    border-radius: 0;
}

.likeDropdown:hover:after {
    content: '';
    display: block;
    width: calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
    height: 2px;
    background: #fff;
    position: absolute;
    top: 30px;
    left: 2px;
    z-index: 1000;
}

.likeDropdown:hover span {
    /*border: 2px solid #00B28E;*/
    color: #00b882;
}

.likeDropdown:hover .likeMenu {
    display: block;
}

.likeDropdown:hover .fa {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.likeDropdown .likeMenu {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 32px;
    left: 0px;
    box-shadow: 0 16px 12px rgba(0, 0, 0, 0.176);
    padding: 10px 0;
    border: 1px solid rgba(0, 0, 0, .15);
    /*border: 2px solid #00B28E;*/
    background: #fff;
    width: 100%;
    overflow-y: auto;
    max-height: 327px;
    border-radius: 4px
}

.likeDropdown .likeMenu a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.likeDropdown .likeMenu a:hover {
    color: #00b28e;
    background-color: #f5f5f5;
}


/*add_new*/

.unlisted .content .list-group a:hover {
    background: none;
    color: #00b38e;
}

.unlisted .content .list-group .list-group-item.active a {
    background: none;
    color: #00b38e;
}

.main-content .content .tlv-nva .label {
    font-size: 16px;
}

.unlisted .system .hover-box {
    background: #fff;
}

.unlisted .system .hover-box h3 {
    color: #333333;
    text-align: left;
    font-size: 14px;
}

.unlisted .system .hover-box p {
    color: #7d7d7d;
}

.icon-indexnav {
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
    background-image: url(/images/newindex/icon_i_new.png);
    display: inline-block;
    width: 32px;
    vertical-align: middle;
    height: 32px;
}

.main-nav dl .icon-index {
    background-position: 0 0px;
}

.main-nav dl .icon-study {
    background-position: 0 -32px;
}

.main-nav dl .icon-finish {
    background-position: 0 -64px;
}

.main-nav dl .icon-collect {
    background-position: 0 -96px;
}

.main-nav dl .icon-note {
    background-position: 0 -128px;
}

.main-nav dl .icon-note {
    background-position: 0 -128px;
}

.main-nav dl .icon-certificate {
    background-position: 0 -160px;
}

.main-nav dl .icon-sgz {
    background-position: 0 -192px;
}

.main-nav dl dd:hover,
.main-nav dl dd.active {
    background: none;
}

.main-nav dl dd span {
    color: #7d7d7d;
    font-size: 14px;
}

.main-nav dl dd:hover span,
.main-nav dl dd.active span {
    color: #24a881;
}

.main-nav dl dd.active.video span {
    color: #fff;
}

.main-nav dl dd.index {
    padding-left: 18px;
}

.wrap .inffo span {
    font-size: 12px!important;
}

.main-content .content .tlv-nva.border-t {
    border-top: solid 1px #f0f0f0;
}

.main-nav dl dd.video.active {
    background: #00b38e;
    color: #fff;
}

.index-sort-nav {
    overflow: hidden;
}

.index-sort-nav .fr-sort {
    float: right;
    padding-top: 15px;
    overflow: hidden;
}

.tab-content .tab-pane .system,
.tab-content .tab-pane .course-item {
    margin-top: 15px;
}

.tab-content .tab-pane .system .start-item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.tab-content .tab-pane .system .start-item .star-lv {
    color: #9d9d9d;
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
    vertical-align: middle;
}

.tab-content .tab-pane .system .start-item .star-lv img {
    margin-top: 3px;
}

.tab-content .tab-pane .system .start-item .star-lv * {
    float: left;
}

.tab-content .tab-pane .system .start-item .star-lv .zt-sm {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #9d9d9d;
    width: 828px;
    font-size: 12px;
}

.tab-content .tab-pane .system .start-item .star-lv span {
    color: #333333;
    float: left;
    font-size: 14px;
}

.index-sort-nav .fr-sort .sort-btn {
    width: 70px;
    height: 26px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    color: #333333;
    display: inline-block;
    text-align: center;
    margin: 0 2px;
    line-height: 24px;
    font-size: 14px;
}

.index-sort-nav .fr-sort .sort-btn i {
    width: 16px;
    height: 16px;
}

.index-sort-nav .fr-sort .sort-btn.active {
    background-color: #24a881;
    color: #ffffff;
}

.index-sort-nav .fr-sort .sort-btn.active .icon-art {
    background-position: -44px -105px;
}

.index-sort-nav .fr-sort .sort-btn.active .icon-arb {
    background-position: -44px -89px;
}

.index-sort-nav .fr-sort .sort-btn .icon-art {
    background-position: -44px -67px;
}

.index-sort-nav .fr-sort .sort-btn .icon-arb {
    background-position: -44px -121px;
}

.main-nav dl dd:hover .icon-scZGI,
.main-nav dl dd.active .icon-scZGI {
    background-position: -30px -180px;
}

.main-nav dl .icon-scZGI {
    background-position: 0 -180px;
    width: 23px;
    height: 23px;
}

.main-nav dl .icon {
    vertical-align: middle;
    transition: all 0.2s linear;
}

.unlisted .user-id .unlogins hr {
    width: 1px;
    height: 14px;
    background: #000;
    margin: 0;
    float: left;
    margin: 16px 2px;
}

.time-system {
    display: none;
}


/**/

.full-container {
    width: 96%!important;
}

.full-container tbody tr.sum {
    width: 100%!important;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}


/**/

.collect_btns {
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}

.collect_btns .collect_btn {
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
    height: 36px;
    margin: 0 10px;
    display: inline-block;
}

.collect_btns .collect_btn.active {
    color: #24a881;
    background: none;
    border-bottom: solid 3px #0abea0;
}

.collect_box {
    display: none;
}

.collect_box.active {
    display: block;
}


/**/

.quoload-img-layer {
    position: absolute;
    z-index: 9999;
    width: 400px;
    overflow: hidden;
    background: #fff;
    display: none;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    border-radius: 2px;
}

.quoload-img-layer .upload-hd {
    padding: 0 20px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.quoload-img-layer .upload-bd {
    max-height: 190px;
    padding: 15px;
    overflow-y: auto;
}

.quoload-img-layer .upload_btns .choose_img {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    float: right;
    height: 32px;
}

.quoload-img-layer .upload_btns .choose_img .webuploader-pick {
    background: none;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.quoload-img-layer .upload_btns {
    margin: 15px;
}

.quoload-img-layer .upload-hd .layui-layer-ico {
    background-position: 1px -40px;
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
}